@charset "utf-8";
html{
	overflow-y:scroll;
}
body,input,textarea{
	font-size:16px;
}

/* -=- wrap -=- */
#regexpr{
	padding:10px;
}
#regexpr-top{
	width:100%;
}
#regexpr-left{
	float:left;
	width:300px;
	zoom :1;
}
#regexpr-right{
	margin-left:301px;
}
/* -=- wrap end -=- */

#regexpr table,
#regexpr tbody,
#regexpr tr,
#regexpr th,
#regexpr td{
	border-width:0;
}

#exec-order{
	border-collapse:separate;
	border-spacing :10px;
	border-width   :0pt;
	margin         :0px;
	padding        :0px;
	table-layout   :fixed;
	width          :100%;
}

/* button wrapper */
#exec-order td{
	background-color  :#444;
	border            :1px solid #333;
	cursor            :pointer;
	text-decoration   :none;
	background-image  :-moz-linear-gradient(center left,rgba(42,42,42,1),rgba(119,119,119,1) 50%,rgba(42,42,42,1));
	background-image  :-webkit-gradient(linear,0% 100%,100% 100%,from(rgba(42,42,42,1)),color-stop(50%,rgba(119,119,119,1)),to(rgba(42,42,42,1)));
	background-image  :linear-gradient(center left,rgba(42,42,42,1),rgba(119,119,119,1) 50%,rgba(42,42,42,1));
	box-shadow        :0 0 1px #ccc;
	-moz-box-shadow   :0 0 1px #ccc;
	-webkit-box-shadow:0 0 1px #ccc;
}

#exec-order td span.exec-order-button {
	background-color  :transparent;
	color             :#fff;
	cursor            :pointer;
	display           :block;
	font-weight       :bold;
	line-height       :1.8em;
	text-align        :center;
	text-shadow       :0 0 8px #333;
	width             :100%;
	box-shadow        :0 0 2px #fff inset;
	-moz-box-shadow   :0 0 2px #fff inset;
	-webkit-box-shadow:0 0 2px #fff inset;
	
	background-image:-moz-linear-gradient(center top,
		rgba(255,255,255,0.5),
		rgba(255,255,255,0.1) 49%,
		rgba(0,0,0,0.1) 50%,
		rgba(255,255,255,0.3));
	background-image:-webkit-gradient(linear,center top,center bottom,
		from(rgba(255,255,255,0.3)),
		color-stop(49%,rgba(255,255,255,0.1)),
		color-stop(50%,rgba(0,0,0,0.1)),
		to(rgba(255,255,255,0.3)));
	background-image:linear-gradient(center top,
		rgba(255,255,255,0.5),
		rgba(255,255,255,0.1) 49%,
		rgba(0,0,0,0.1) 50%,
		rgba(255,255,255,0.3));
}
#exec-order td:hover {
	background-color:#555;
	background-image:-moz-linear-gradient(center left,rgba(64,76,51,1),rgba(173,204,47,1) 50%,rgba(64,76,51,1));
	background-image:-webkit-gradient(linear,0% 100%,100% 100%,from(rgba(64,76,51,1)),color-stop(50%,rgba(173,204,47,1)),to(rgba(64,76,51,1))); 
	background-image:linear-gradient(center left,rgba(64,76,51,1),rgba(173,204,47,1) 50%,rgba(64,76,51,1));
}

#exec-order td.mousedown,
#exec-order td.mousedown:hover {
	background-color:#333;
	background-image:-moz-linear-gradient(center left,rgba(44,56,31,1),rgba(153,184,27,1) 50%,rgba(44,56,31,1));
	background-image:-webkit-gradient(linear,0% 100%,100% 100%,from(rgba(44,56,31,1)),color-stop(50%,rgba(153,184,27,1)),to(rgba(44,56,31,1))); 
	background-image:linear-gradient(center left,rgba(44,56,31,1),rgba(153,184,27,1) 50%,rgba(44,56,31,1));
}

#exec-order td.mousedown span,
#exec-order td.mousedown:hover span{
	background-image:-moz-linear-gradient(center top,
		rgba(255,204,204,0.5),
		rgba(204,204,204,0.1) 49%,
		rgba(0,0,0,0.1) 50%,
		rgba(204,204,204,0.3));
	background-image:-webkit-gradient(linear,center top,center bottom,
		from(rgba(204,204,204,0.3)),
		color-stop(49%,rgba(204,204,204,0.1)),
		color-stop(50%,rgba(0,0,0,0.1)),
		to(rgba(204,204,204,0.3)));
	background-image:linear-gradient(center top,
		rgba(204,204,204,0.5),
		rgba(204,204,204,0.1) 49%,
		rgba(0,0,0,0.1) 50%,
		rgba(204,204,204,0.3));

	color      :#4c4c4c;
	text-shadow:0 0 3px #fff;
}
#exec-order td:hover span{}


#inputbox,
#parambox,
#logbox,
#profilebox{
	border-collapse:separate;
	border-spacing :10px;
	border-width   :0;
	table-layout   :fixed;
	width          :100%;
}


/* -=-=- input box -=-=- */
#regexpr input,
#regexpr textarea{
	font-family:"Courier New",
		"Lucida Console",
		"Bitstream Vera Sans Mono",
		"Andale Mono",
		Consolas,
		monospace;
}
/* textbox */
#inputbox-pattern,
#parambox-replace{
	background-color:transparent;
	border-width    :0;
	height          :1.5em;
	height          :100%;
	margin          :0;
	padding         :0;
	vertical-align  :middle;
	width           :100%;
}
#regexpr .text-wrap{
	height:1.5em;/* same label's line-height */
}

/* textarea */
#parambox-target,
#parambox-result{
	background-color:transparent;
	border-width    :0;
	line-height     :1.1em;
	font-size       :16px;
	height          :90px;
	margin          :0;
	overflow        :auto;
	padding         :0;
	width           :100%;
}

#regexpr .text-wrap,
#regexpr .textarea-wrap,
#logbox-table,
#profilebox-table{
	border            :1px solid #333;
	box-shadow        :0 0 1px #eee;
	-moz-box-shadow   :0 0 1px #eee;
	-webkit-box-shadow:0 0 1px #eee;
}



/* parent table of input-text */
#regexpr .text-wrap,
#regexpr .textarea-wrap{
	background-color:#eee;
	background-image:-moz-linear-gradient(top,#cfcfcf,#eee 35%,#eee);
    background-image:-webkit-gradient(linear,center top,center bottom,from(#cfcfcf),color-stop(35%,#eee),to(#eee));
	background-image:linear-gradient(top,#cfcfcf,#eee 35%,#eee);
}

#regexpr .text-wrap.focus,
#regexpr .text-wrap.focus:hover,
#regexpr .textarea-wrap.focus,
#regexpr .textarea-wrap.focus:hover{
	background-color:#fff;
	background-image:none;
}

#regexpr .textarea-wrap:hover,
#regexpr .text-wrap:hover{
	background-image:none;
	background-color:#eee;
}

span.buttonLabel{
	text-align:right;
}

/* label */
span.label{
	color      :#ccc;
	font-size  :16px;
	font-weight:bold;
	line-height:1.5em;
	/*text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.5),1px 1px 0px rgba(255, 255, 255, 0.8);*/
}

/* logbox & profilebox */
#logbox,
#profilebox{
	table-layout:fixed;
	width       :100%;
}

#logbox-table,
#profilebox-table{
	background-color:#eee;
	overflow        :auto;
}

/*-=- google visualization table -=-*/
#logbox-table table.google-visualization-table-table,
#profilebox-table table.google-visualization-table-table{
	width:100%;
}

#logbox-table td.google-visualization-table-td,
#profilebox-table td.google-visualization-table-td{
	font-family:"Courier New",
		"Lucida Console",
		"Bitstream Vera Sans Mono",
		Consolas,
		Meiryo,
		'メイリオ',
		'Hiragino Kaku Gothic Pro',
		'ヒラギノ角ゴ Pro W3';
	font-size:16px;
	vertical-align:text-top;
}
span.google-visualization-table-sortind{
	color:#666;
}
#logbox-table tr.google-visualization-table-tr-head,
#profilebox-table tr.google-visualization-table-tr-head{
	background-color:#fff;
	color           :#333;
	font-family     :Tahoma, Verdana, Geneva, Meiryo, "メイリオ";
}

#logbox-table tr td.google-visualization-table-th,
#profilebox-table tr td.google-visualization-table-th{
	background-color:#fff;
	background-image:-moz-linear-gradient(center top , #fff, #ccc);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ccc));
	background-image:linear-gradient(center top , #fff, #ccc);
	line-height     :26px;
	font-size       :14px;
	padding         :0;
	text-align      :left;
}

#logbox-table tr td.google-visualization-table-seq,
#profilebox-table tr td.google-visualization-table-seq{
	font-size  :14px;
	font-family:Tahoma, Verdana, Geneva, Meiryo,"メイリオ";
}

/*-=- clearFix -=-*/
* html .clearFix {
	zoom:1;
}